<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />
        <link rel="stylesheet" type="text/css" href="../../assets/css/reset.css" />
        <link rel="stylesheet" type="text/css" href="js/nivo-slider.css" />
        <link rel="stylesheet" type="text/css" href="js/tinycarousel.css" />
        <link rel="stylesheet" type="text/css" href="js/default.css" />
        <link rel="stylesheet" href="js/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script src="js/jquery.nivo.slider.pack.js" type="text/javascript" charset="utf-8"></script>
        <link href='http://fonts.googleapis.com/css?family=Fanwood+Text' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lusitana' rel='stylesheet' type='text/css'>


    </head>
    <body>
        <div id="wrapper">	
            <div id="wrapper_top">
                <style>
                    #wrapper_top {
                        background: #b1b1b1;
                    }

                    #wrapper_top #hook_header_1{
                        position: relative;
                        height: 82px;
                        width:934px;
                        margin:0px auto;
                    }
                </style>
                <div id="hook_header_1">
                    <!--HMENU WIDGET [slug:menu, library:3, widget instance:1]-->
                    <div id="menu_wi_1" class="menu_3"> 
                        <!--Load css of widget-->
                        <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                        <style>
                            .menu_3{

                                background: url(images/menu_bg.png) repeat-x;
                                height: 82px;
                                position: absolute;
                                top:0px;
                                left:0;
                            }

                            .menu_3 ul li{
                                float:left;
                                width:129px;
                                height:82px;
                                text-align: center;
                                background: url(images/menu_items_divider_bg.png) no-repeat left;
                                line-height: 82px;
                            }

                            .menu_3 ul li a:link, .menu_3 ul li a:visited{
                                font-family: tahoma;
                                color:#b1b1b1;
                                font-size: 12px;
                                text-transform: uppercase;
                                display: block;
                            }

                            .menu_3 ul li.active a{
                                color:#ffffff;
                                background: url(images/menu_items_hover_bg.png) no-repeat center;  
                            }

                            .menu_3 ul li a:hover{
                                color:#ffffff;
                                background: url(images/menu_items_hover_bg.png) no-repeat center;
                            }

                            .menu_3 ul li:last-child{
                                background: url(images/menu_items_last_bg.png) no-repeat center;
                                width:129px;
                                height:82px;
                            }

                        </style>
                        <ul class="menu">
                            <li class="active"><a href="home.html">Home</a>
                            <li><a href="#">About us</a>
                            <li><a href="#">Services</a>
                            <li><a href="#">Practices</a>
                            <li><a href="#">Resources</a>
                            <li><a href="gallery.html">Gallery</a>
                            <li class="last"><a href="contact.html">Contact Us</a>
                        </ul>
                    </div>
                    <!--END HMENU WIDGET--> 
                </div><!-- End #hook_header_1 -->

                <div id="hook_header_2">
                    <style>
                        #hook_header_2 {
                            height:151px;
                            position:relative;
                            width:934px;
                            margin:0px auto;
                            background: #3B474D;
                        }
                    </style>
                    <!--LOGO WIDGET [slug:logo, library:2, widget instance:1]-->
                    <div id="logo_wi_1" class="logo_2"> 
                        <!--Load css of widget-->
                        <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                        <style>

                            .logo_2{
                                width:450px;
                                position:absolute;
                                top:10px;left:10px;
                            }

                            .logo_2 h1,h3{
                                font-family: Arial;
                            }

                            .logo_2 h1{
                                font-size: 45px;
                                text-transform: uppercase;
                                font-weight: normal;
                                text-align: left;
                                color:#ffffff;
                                margin:25px 0px 10px 0px;
                            }

                            .logo_2 h3{
                                font-size: 20px;
                                font-weight: normal;
                                text-align: left;
                                color:#b1b1b1;
                            }
                        </style>

                        <h1>
                            privator
                        </h1>
                        <h3>
                            Lawyer Bureau
                        </h3>

                    </div>
                    <!--END LOGO WIDGET--> 
                </div><!-- End #hook_header_2-->
            </div><!-- End #wrapper_top -->

            <div id="wrapper_main">
                <style>
                    #wrapper_main{
                        width:934px;
                        margin:0px auto;
                        margin-bottom: 20px;
                    }

                    #main_col_left {
                        width: 276px;
                        float: left;
                    }

                    #main_col_left #hook_sidebar {
                        width:100%;
                    }

                    #main_col_right {
                        width: 645px;
                        float:right;
                        padding-top: 15px;
                    }

                    #main_col_right #hook_news {
                        width:100%;
                    }


                </style>
                <div id="main_col_left">
                    <div id="hook_sidebar">
                        <style>
                            #main_col_left #hook_sidebar{
                                width: 100%;
                                padding-top: 15px;
                            }

                        </style>

                        <!--HTML COLUMN HEADER WIDGET [slug:html_column_header, library:0, widget instance:1]-->
                        <div id="html_column_header_wi_1" class="column_header_0"> 
                            <!--Load css of widget-->
                            <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                            <style>
                                .column_header_0 {
                                    width:100%;
                                    padding-bottom: 15px;
                                    background: url(images/column_divider.png) repeat-x bottom;
                                }

                                .column_header_0 h1{
                                    font: 18px 'Lusitana', serif;
                                    color: #364349;   
                                }
                            </style>
                            <h1>Resources For</h1>
                        </div>
                        <!-- End HTML COLUMN HEADER WIDGET -->

                        <!--NEWS CATEGORY WIDGET [slug:news_category, library:3, widget instance:1]-->
                        <div id="news_category_wi_1" class="news_category_3"> 
                            <!--Load css of widget-->
                            <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                            <style>
                                .news_category_3{
                                    width:100%;
                                }

                                .news_category_3 h3{
                                    font: 14px 'Lusitana', serif;
                                    color: #50b9ea;
                                }

                                .news_category_3 ul{
                                    margin: 10px 0px 20px 0px;
                                }

                                .news_category_3 ul li{
                                    padding-left: 15px;
                                    background: url(images/read_more_icon.png) no-repeat left;
                                    margin-bottom: 10px;
                                }

                                .news_category_3 ul li a:link, .news_category_3 ul li a:visited{
                                    font: 12px Tahoma;
                                    color: #222222;
                                }

                                .news_category_3 ul li a:hover{
                                    color:#888888;
                                    text-decoration: underline;
                                }

                            </style>

                            <h3>Quick link</h3>
                            <ul>
                                <li><a href="#">Business Leaders</a></li>
                                <li><a href="#">Business Leaders</a></li> 
                                <li><a href="#">Business Leaders</a></li> 
                                <li><a href="#">Business Leaders</a></li> 
                                <li><a href="#">Business Leaders</a></li> 
                                <li><a href="#">Business Leaders</a></li> 
                                <li><a href="#">Business Leaders</a></li> 
                            </ul>
                        </div><!-- End NEWS CATEGORY WIDGET -->

                        <!-- TEXT LIST WIDGET [slug:text_list, library:0, widget instance:1] -->
                        <div id="text_list_wi_1" class="text_list_0"> 
                            <!--Load css of widget-->
                            <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                            <style>
                                .text_list_0{
                                    width:100%;
                                }

                                .text_list_0 h3{
                                    font: 14px 'Lusitana', serif;
                                    color: #50b9ea;
                                }

                                .text_list_0 ul{
                                    margin: 10px 0px 20px 0px;
                                }

                                .text_list_0 ul li{

                                    margin-bottom: 10px;
                                }

                                .text_list_0 ul li .text_title{

                                    margin-bottom: 5px;
                                }

                                .text_list_0 ul li .text_title a:link, .news_category_3 ul li .text_title a:visited{
                                    font: 11px Tahoma;
                                    color: #686868;
                                }

                                .text_list_0 ul li .text_title a:hover{
                                    color:#888888;
                                }

                                .text_list_0 ul li .text_description{
                                    font: 10px Tahoma;                                   
                                    color:#acacac;
                                }

                            </style>
                            <h3>Legal Help</h3>
                            <ul>
                                <li>
                                    <div class="text_title">
                                        <a href="#">Legal Research</a>
                                    </div><!-- End .text_title -->

                                    <div class="text_description">
                                        Cursuorcenas tristiLorem ipsum dolor sit ansectetuer adipguis ultricies ...
                                    </div><!-- End .text_description -->

                                </li>

                                <li>
                                    <div class="text_title">
                                        <a href="#">Legal Research</a>
                                    </div><!-- End .text_title -->

                                    <div class="text_description">
                                        Cursuorcenas tristiLorem ipsum dolor sit ansectetuer adipguis ultricies ...
                                    </div><!-- End .text_description -->

                                </li>

                                <li>
                                    <div class="text_title">
                                        <a href="#">Legal Research</a>
                                    </div><!-- End .text_title -->

                                    <div class="text_description">
                                        Cursuorcenas tristiLorem ipsum dolor sit ansectetuer adipguis ultricies ...
                                    </div><!-- End .text_description -->

                                </li>

                            </ul>
                        </div><!-- End TEXT LIST WIDGET -->
                    </div><!-- End #hook_sidebar -->
                </div><!-- End #main_col_left -->

                <div id="main_col_right">
                    <div id="hook_news">
                        <!--HTML COLUMN HEADER WIDGET [slug:html_column_header, library:0, widget instance:1]-->
                        <div id="html_column_header_wi_1" class="column_header_0"> 
                            <!--Load css of widget-->
                            <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                            <style>
                                .column_header_0 {
                                    width:100%;
                                    margin-bottom: 15px;
                                    padding-bottom: 15px;
                                    background: url(images/column_divider.png) repeat-x bottom;
                                }

                                .column_header_0 h1{
                                    font: 18px 'Lusitana', serif;
                                    color: #364349;   
                                }
                            </style>
                            <h1>Public Policymaker or Analyst</h1>
                        </div>
                        <!-- End HTML COLUMN HEADER WIDGET -->

                        <!--NEWS LIST WIDGET [slug:news_list, library:6, widget instance:1]-->
                        <div id="news_list_wi_1" class="news_list_6"> 
                            <style>
                                .news_list_6 .page_number{
                                    text-align: right;
                                    margin-bottom:15px;
                                    font: 11px Arial;
                                    color:#686868;

                                }

                                .news_list_6 .news_block{
                                    width:100%;
                                    margin-bottom: 20px;
                                    padding-bottom: 15px;
                                    background: url(images/news_block_divider.png) repeat-x bottom;
                                }

                                .news_list_6 .news_block_last{
                                    background: none;
                                    border-bottom:1px solid #222222;
                                }

                                .news_list_6 .news_block .news_title{
                                    font: 14px 'Lusitana', serif;
                                    color: #50b9ea;
                                }

                                .news_list_6 .news_block .news_description{
                                    font: 12px Tahoma;
                                    color: #222222;
                                    margin-bottom: 10px;
                                    line-height: 1.5em;
                                }

                                .news_list_6 .news_block .news_content{
                                    font: 11px Tahoma;
                                    color: #686868;
                                    margin-bottom: 10px;
                                    line-height: 1.5em;
                                    text-align: justify;
                                }

                                .news_list_6 .news_block img{
                                    float:left;
                                    margin-right:5px;
                                    border:1px solid #ffffff;
                                }
                            </style>
                            <div class="page_number">
                                Result Pages : 1
                            </div><!-- End .page_number -->

                            <div class="news_block">
                                <h2 class="news_title">Heathcare</h2>
                                <img src="images/resource/news_image.png" alt="#" />
                                <p class="news_description">Lorem ipsum dolor sit amet, consectetu adipiscing elit. 
                                    Praesent vestibulum molestie lacus aenean nonummy.
                                </p>
                                <p class="news_content">Health insurance coverage and the cost of healthcare have received considerable attention in recent years. We provide detailed information on the percent of workers whose employers offer health insurance plans and the percent of workers who participate in them. We also provide information on the types of services these plans cover and the out-of-pocket costs that workers must pay for premiums, copayments, coinsurance, and deductibles. We publish information on employers’ costs to provide health insurance and changes in these costs. We also measure inflation in the cost of medical services and commodities that consumers purchase directly. 
                                </p>

                            </div><!-- End .news_block -->

                            <div class="news_block">
                                <h2 class="news_title">Heathcare</h2>

                                <p class="news_description">Lorem ipsum dolor sit amet, consectetu adipiscing elit. 
                                    Praesent vestibulum molestie lacus aenean nonummy.
                                </p>
                                <p class="news_content">Health insurance coverage and the cost of healthcare have received considerable attention in recent years. We provide detailed information on the percent of workers whose employers offer health insurance plans and the percent of workers who participate in them. We also provide information on the types of services these plans cover and the out-of-pocket costs that workers must pay for premiums, copayments, coinsurance, and deductibles. We publish information on employers’ costs to provide health insurance and changes in these costs. We also measure inflation in the cost of medical services and commodities that consumers purchase directly. 
                                </p>

                            </div><!-- End .news_block -->

                            <div class="news_block news_block_last">
                                <h2 class="news_title">Heathcare</h2>

                                <p class="news_description">Lorem ipsum dolor sit amet, consectetu adipiscing elit. 
                                    Praesent vestibulum molestie lacus aenean nonummy.
                                </p>
                                <p class="news_content">Health insurance coverage and the cost of healthcare have received considerable attention in recent years. We provide detailed information on the percent of workers whose employers offer health insurance plans and the percent of workers who participate in them. We also provide information on the types of services these plans cover and the out-of-pocket costs that workers must pay for premiums, copayments, coinsurance, and deductibles. We publish information on employers’ costs to provide health insurance and changes in these costs. We also measure inflation in the cost of medical services and commodities that consumers purchase directly. 
                                </p>

                            </div><!-- End .news_block -->
                            <div class="wrapper_pagination">
                                <style>
                                    .wrapper_pagination {
                                        margin:10px 0px;

                                    }
                                    .wrapper_pagination .col_left{
                                        float:left;
                                        width:300px;
                                    }

                                    .wrapper_pagination .col_left p{
                                        font:11px Arial;
                                        color:#686868;
                                    }

                                    .wrapper_pagination .col_right{
                                        float:right;
                                        width:300px;
                                    }

                                    .wrapper_pagination .col_right ul{
                                        text-align: right;
                                    }

                                    .wrapper_pagination .col_right ul li{
                                        display: inline;
                                        font:11px Arial;
                                        color:#686868;
                                        margin-right:5px;
                                    }

                                    .wrapper_pagination .col_right ul li a:link, .wrapper_pagination .col_right ul li a:visited{

                                        color:#686868;
                                    }

                                    .wrapper_pagination .col_right ul li a:hover, .wrapper_pagination .col_right ul li.current_page a{

                                        color:#222222;
                                        text-decoration: underline;
                                    }
                                </style>
                                <div class="col_left">
                                    <p>Displaying 1 to 4 (of 12 reviews)</p>
                                </div><!-- End .col_left -->

                                <div class="col_right">
                                    <ul pagination_list>
                                        <li>Results Page :</li>
                                        <li class="current_page"><a href="#">1</a></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">5</a></li>
                                        <li><a href="#">[Next >>]</a></li>
                                    </ul>
                                </div><!-- End .col_right -->
                                <div class="clear"></div>
                            </div><!--End .wrapper_pagination-->
                        </div><!-- End EWS LIST WIDGET -->


                    </div><!-- End #hook_news -->

                </div><!-- End #main_col_right -->

                <div class="clear"></div>
            </div><!-- End #wrapper_main -->

            <div id="wrapper_bottom">
                <div id="hook_footer">
                    <style>
                        #wrapper_bottom{
                            background: url(images/footer_bg.png) repeat-x;
                        }

                        #hook_footer{
                            width:983px;
                            margin:0px auto;

                        }
                    </style>
                    <!--FOOTER WIDGET [slug:footer, library:1, widget instance:1]-->
                    <style>
                        .footer_1 .footer_left{
                            float:left;
                            width:248px;
                        }

                        .footer_1 .footer_left .footer_logo{
                            background: url(images/footer_logo_bg.png) no-repeat center;
                            width:248px;
                            height:170px;
                            margin-top:-11px;
                            padding-top:10px;


                        }
                        .footer_1 .footer_left .footer_logo h1, .footer_1 .footer_left .footer_logo h3{
                            font-family: Arial;
                            margin-left:50px;
                        }

                        .footer_1 .footer_left .footer_logo h1{
                            font-size: 30px;
                            text-transform: uppercase;
                            font-weight: normal;
                            color:#ffffff;
                            margin-bottom: 5px;
                            margin-top: 55px;


                        }

                        .footer_1 .footer_left .footer_logo h3{
                            font-size: 14px;
                            font-weight: normal;
                            color:#b1b1b1;

                        }

                        .footer_1 .footer_right{
                            float:right;
                            width:730px;
                        }

                        .footer_1 .footer_right ul.small_nav_1{
                            display:block;
                            margin-top: 30px;
                        }

                        .footer_1 .footer_right ul.small_nav_1 li{
                            display:inline;
                            padding-right: 15px;
                            padding-left: 5px;
                            background: url(images/footer_menu_divider.png) no-repeat right;


                        }

                        .footer_1 .footer_right ul.small_nav_1 li.last{
                            background: none;

                        }

                        .footer_1 .footer_right ul.small_nav_1 li a{
                            font-family: tahoma;
                            color:#777575;
                            font-size: 11px;


                        }

                        .footer_1 .footer_right ul.small_nav_2{
                            display:block;
                            margin-top: 20px;
                        }

                        .footer_1 .footer_right ul.small_nav_2 li{
                            display:inline;
                            padding-right: 15px;
                            padding-left: 5px;
                            background: url(images/footer_menu_divider.png) no-repeat right;


                        }

                        .footer_1 .footer_right ul.small_nav_2 li.last{
                            background: none;

                        }

                        .footer_1 .footer_right ul.small_nav_2 li a{
                            font-family: tahoma;
                            color:#353535;
                            font-size: 11px;

                        }

                        .footer_1 .footer_bottom{
                            margin-top:30px;
                        }

                        .footer_1 .footer_bottom .copyright{
                            float:left;
                            width:345px;
                        }

                        .footer_1 .footer_bottom .copyright p{
                            font-family: Tahoma;
                            font-size:10px;
                            color:#7e7f81;
                            margin-top: 25px;
                        }

                        .footer_1 .footer_bottom .social_network{
                            float:right;
                            width: 250px;
                        }

                        .footer_1 .footer_bottom .social_network ul li{
                            float:left;
                            width:40px;
                            height:40px;
                            margin-right:10px;
                        }



                    </style>
                    <div id="footer_wi_1" class="footer_1"> 
                        <div class="footer_left">
                            <div class="footer_logo">
                                <h1>
                                    privator
                                </h1>
                                <h3>
                                    Lawyer Bureau
                                </h3>
                            </div><!--End .footer_logo-->

                        </div><!--End .footer_left-->

                        <div class="footer_right">
                            <ul class="small_nav_1">
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li class="last"><a href="#">Personal information</a></li>
                            </ul>

                            <ul class="small_nav_2">
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li class="last"><a href="#">Personal information</a></li>
                            </ul>

                            <div class="footer_bottom">
                                <div class="copyright">
                                    <p>
                                        ©2012 POWERED BY PRIVATO™. ALL RIGHT RESERVED.
                                    </p>
                                </div><!--End .copyright -->

                                <div class="social_network">
                                    <ul>
                                        <li><a href="#"><img src="images/youtube_icon.png" alt="youtube"/></a></li>
                                        <li><a href="#"><img src="images/facebook_icon.png" alt="facebook"/></a></li>
                                        <li><a href="#"><img src="images/googleplus_icon.png" alt="google+"/></a></li>
                                        <li><a href="#"><img src="images/rss_icon.png" alt=""/></a></li>
                                        <li><a href="#"><img src="images/twitter_icon.png" alt="twitter"/></a></li>
                                    </ul>
                                </div><!--End .social_network -->
                                <div class="clear"></div>
                            </div><!--End .footer_bottom -->
                        </div><!--End .footer_right-->
                        <div class="clear"></div>
                    </div>
                    <!--END FOOTER WIDGET--> 
                </div><!-- End #hook_footer -->
            </div><!--End #wrapper_bottom-->
        </div>
        <!--END wrapper-->
    </body>
</html>